<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link href="index.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <header><h1>同城旅游用户注册界面</h1></header>
    <section class="regist-section">
        <div class="item">
            <label>手机号码：</label>
            <input type="text" placeholder="请填写手机号码">
        </div>
        <div class="item">
            <label>登录密码：</label>
            <input type="password" placeholder="请输入密码">
        </div>
        <div class="item">
            <label>确认密码：</label>
            <input type="password" placeholder="请再次输入密码">
        </div>
        <div class="item">
            <label>验证码：</label>
            <input type="text" class="validate-input">
            <img src="./inde.png" alt="验证码图片">
            <a href="#">换一张</a>
        </div>
        <div class="protcol">
            <input type="checkbox"><span>我有同城合作联名卡</span>
        </div>
        <div class="protcol">
            <input type="checkbox"><span>我已阅读并同意</span>
            <a href="#">同城旅游服务条款</a>
        </div>
        <div class="btn-regist">同意服务条款并注册</div>
    </section>
    <footer>
        CopyRigrt 2016 trip.com
    </footer>
</body>
</html>